<template>
  <div class="backTip" :style="`background-color: ${bcgColor};justify-content:${justify}`">
    <a-icon type="info-circle" class="icon" v-if="icon" />
    <span :style="`color: ${fontColor};`">{{ tip }}</span>
  </div>
</template>

<script>
export default {
  props: {
    tip: String,
    fontColor: {
      type: String,
      default: 'color: rgba(0, 0, 0, 0.65);'
    },
    bcgColor: {
      type: String,
      default: '#e6f7ff'
    },
    icon: {
      type: Boolean,
      default: false
    },
    justify: {
      type: String,
      default: ''
    },
  }
}
</script>